.login {
    border: 1px solid gray;
    width:600px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left:-300px;
    margin-top:-150px;
}
.login-btn {
    background-color: #4fba63;
}
.login-div-top {
    margin-top: 50px;
}
.nav-topic{
    width: 100%;
}
.nav-topic li{
    width: 100%;
    padding: 4px;
    cursor: pointer;
}
.nav-topic li:hover{
    color:red;
}
.bs-searchbox{position: relative;margin-bottom: 10px;}
.bs-searchbox .glyphicon-search{position:absolute;top:10px;right: 10px;}
.search-input{padding-left: 30px;}
.opt-button .btn{margin: 4px;}
.toolbar .btn{margin: 4px;}
.btn-add{
    background: url(../img/add.png);
    width: 66px;
    height: 66px;
}
.tb-panel{border:1px solid #eee;border-radius: 3px;}
.table .tb_tr_title td{background-color: rgba(245,245,245,0.6);font-weight: bold}
.box{
    box-shadow: 0 1px 1px rgba(43, 59, 93, 0.1);

}
.ui-dialog-footer button.ui-dialog-autofocus{background-color: #1ab394!important;border-color: #1ab394!important;outline: none!important;}
.ui-dialog-footer button.ui-dialog-autofocus:hover{background-color: #18a689!important;border-color: #18a689!important;}
.ui-dialog-footer button{width: 90px}
.ui-dialog-title{padding-left: 30px}
.search{margin-top: 4px}
.zp_pageCenter{width: 1000px;margin: 0 auto}
.zp_top{height: 230px;background-color: #ebf0ef;padding: 30px 0 10px 0}
.zp_top button{margin-top: 40px;margin-right: 100px;width: 130px;height: 45px;background-color: #00b38a;font-size: 18px;border: none}
.zp_top button:hover{background-color: #00a57f;border: none}
.zp_top h5{margin-bottom: 10px}
.zp_top h1{margin-bottom: 15px}
.zp_top h4{margin-bottom: 10px}
.zp_top span{color: orangered}
.zp_mark{border-radius: 10px;background-color: #ffffff;height: 22px;line-height: 22px;color: #70797b;font-size: 12px;display: inline;padding: 5px 15px}
.zp_top p{color: #999999;margin-top: 10px}
.zp_content{padding: 25px 0 50px 0}
.zp_contentModel{padding: 15px 0 10px 0}
.zp_contentModel h4{font-weight: 700;margin-bottom: 25px}
.zp_contentModel h5{margin: 10px 0}
.zp_contentModel ol{padding-left: 30px}
.zp_contentModel li{margin: 14px 0}
.zp_contentModel p{margin: 14px 0}
.zp_contentModel span{color: #00b38a}
.zp_jobRelease{position: relative;height: 70px}
.zp_jobRelease>p{font-size: 18px;padding: 10px 0 5px 75px;margin: 0}
.zp_contentModel img{width: 70px;position: absolute}
.zp_contentModel g{color: #999999;margin-left: 75px}

.zp_personnel{height: 50px;line-height: 59px;border-bottom: 1px solid #d5dadf;font-size: 24px}
.job_select{margin-top: 8px}
.zp_personnel_content{width: 600px;margin: 0 auto}
.zp_personnel_info{padding-top: 50px}
.zp_personelMark{border-radius: 10px;position: relative;border: 1px solid #00b38a;background-color: #ffffff;height: 22px;line-height: 22px;
    color: #70797b;font-size: 12px;display: inline;padding: 5px 30px 5px 15px;margin-right: 10px}
.zp_personelMark>div{font-size: 24px;position: absolute;top: 1px;right: 10px;cursor: pointer}
.zp_addMark{color: #00b38a;cursor: pointer}
.zp_divider{height: 40px;margin: 30px 0}
.zp_line{width: 37%;border-bottom: 1px solid #ededed;display: inline-block;vertical-align: middle}
.zp_dividerName{width: 20%;height: 40px;line-height: 40px;font-size: 18px;background-color: #eeeeee;border-radius: 20px;display: inline-block;margin: 0 10px}
.zp_personnel_subtitle{height: 25px;line-height: 24px;font-size: 16px;margin-top: 20px}
.zp_personnel_subtitle span{display: block;color: #999999;font-size: 14px}
.zp_personnel_hope{padding: 0 20px;font-size: 16px}
.zp_test{height: 40px}
.textarea_class{height: 300px;width: 1000px}